{% extends "main.html" %}

{% block title %}{{ application_name }} - {{ page_name }} - Edit{% endblock %}

{% block head %}

		<script type="text/javascript" src="/static/javascript/tinymce/tiny_mce.js"></script>
		  <script type="text/javascript">
		
		  tinyMCE.init({
			mode: "textareas",
			theme: "advanced",
			skin : "o2k7",
			skin_variant : "silver",
			plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",
			// Theme options
			theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
			theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
			theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
			theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
			theme_advanced_toolbar_location : "top",
			theme_advanced_toolbar_align : "left",
			theme_advanced_statusbar_location : "bottom",
			theme_advanced_resizing : true,

			// Drop lists for link/image/media/template dialogs
			template_external_list_url : "/static/css/lists/template_list.js",
			external_link_list_url : "/static/css/lists/link_list.js",
			external_image_list_url : "/static/css/lists/image_list.js",
			media_external_list_url : "/static/css/lists/media_list.js",
			
			// Style formats
			style_formats : [
				{title : 'Bold text', inline : 'b'},
				{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
				{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
				{title : 'Example 1', inline : 'span', classes : 'example1'},
				{title : 'Example 2', inline : 'span', classes : 'example2'},
				{title : 'Table styles'},
				{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
			],

			// Example content CSS (should be your site CSS)
			content_css : "/static/css/base.css",
			auto_focus: "mce_editor_0"
		  });
		
		  </script>
{% endblock %}

{% block body %}
			<span class="heading">Edit Page</span>
			
			<form method="post" action='/savePage'>
			<p>
				<table align="center">
					<tr><td>Space</td><td><select name="category_name">
						{% for category in categories %}
						    <option>{{ category.name }}</option>
						{% endfor %}
					</select></td><td>
					{% if isAdmin %}
						[<a class="inf" href="/createCategory?redirect={{ page_name }}">New Space</a>]
					{% endif %}					
					</td></tr>
					<tr><td>Page Name: </td><td><input type="text" name="page_name" value="{{ page_name }}"/></td><td><input type="submit" value="Save" /></td></tr>					
				</table>	
				<textarea rows="10" id="content" style="width: 100%; height: 400px" name="content">
					{{ show_page.content }}
					</textarea>
				</p>
			</form>
		
{% endblock %}
